{%include "topo_180plus.html"%}
{%load filtros%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				{%include "header.html"%}
				<div id="box_perfil">
					<div class="barra_inf">
						<p class="titulo">Mensagem</p>
						<div class="inf">
							<p>30 mensagens | 3 n&atilde;o lidas</p>
						</div>
					</div>
					<div id="box_perfil_esquerda">
						<div class="foto_perfil">
							<img src="{{MEDIA_URL}}{{usuario.foto}}"/>
							<a href="#"><span>alterar foto</span></a>
						</div>
                        <a href="#"><span class="icon user_icon_edit"></span> Editar Perfil</a>	
                        <a href="/minhasmensagens/{{usuario.id}}"><span class="icon msg_icon"></span> Minhas Mensagens<span class="icon">(3)</span></a>	
                        <a href="#"><span class="icon anuncios_icon"></span> Meus An&uacute;ncios</a>	
						<button type="submit" class="">Publicar Novo An&uacute;ncio</button>
					</div>
 					<div id="box_perfil_direita">
						<div class="perfil_inf">
							<div class="nav_lista">
								<div class="num_resultados"><p><a href="/minhasmensagens/{{usuario.id}}">Voltar para minhas mensagens</a></p></div>
							</div>
							<ul class="box_anuncios">
								<li class="linha b_mensagens">
									<p class="id_mensagem">Conversa&ccedil;&atilde;o entre <strong>{{ultimo.user_name}}</strong> e <strong>voc&ecirc;</strong> sobre:</p>
									<a class="assunto_msg" href="/anuncio/{{anuncio.id}}">{{anuncio.descricao}}</a>
								</li>
								{%for comment in comentariosAnuncio%}
								<li class="linha  b_mensagens b_msg">
									<div class="foto_perfil msg">
										<img src="{{MEDIA_URL}}imagens/foto_perfil.png"/>
										<a href="#"></a>
									</div>
									<a class="nome_usuario dados_msg" href="#">{{comment.user_name}}</a>
									<p class="data_publicacao dados_msg">{{comment.date_submit}}</p>
									<div class="dialogo">
										<div class="box_dialogo">
											<p>{{comment.comment}}</p>
										</div>
									</div>
								</li>
								{%endfor%}
								<li class="linha  b_mensagens b_msg">
									<div class="foto_perfil msg">
										<img src="{{MEDIA_URL}}{{usuario.thumbnail}}"/>
										<a href="#"></a>
									</div>
									<a class="nome_usuario dados_msg" href="#">Voc&ecirc;</a>
									<div class="dialogo">
										<div class="box_dialogo">
											<textarea></textarea>
											<button type="submit" class="">Enviar</button>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div> 
				</div>
				<div id="box_direita">
					<div class="anuncios_lateral_perfil">
						<div class="box_titulo">
							<h4 class="titulo_anuncio">&Uacute;ltimos an&uacute;ncios</h4>
						<!-- <form class="opc_busca">
								<select>
									<option>Todos</option>
									<optgroup label="Categorias">
										<option>Categorias</option>
										<option>Empregos</option>
										<option>Imoveis</option>
										<option>Negocios</option>
										<option>Veiculos</option>
									</optgroup>
									<optgroup label="Cidades">
										<option>Teresina</option>
										<option>Parnaiba</option>
									</optgroup>
								</select>
							</form>  -->
						</div>
						<ul class="box_anuncios pag_perfil">
							{%for ultimo in ultimos%}
							<li class="linha b_anuncios">
								<a class="img_anuncio" href="/produto/{{ultimo.id}}"><img src="{{MEDIA_URL}}{{ultimo.thumbnail}}"/></a>
								<a class="nome_anuncio" href="#">{{ultimo.descricao}}</a>
								<span class="preco_anuncio">
									<em>R$ {{ultimo.preco}}</em>
								</span>
							</li>
							{%endfor%}
						</ul>
					</div>
					<div class="ads_lateral">
					</div>
					<div class="anuncios_lateral_perfil blog_perfil">
						<div class="box_titulo">
							<h4 class="titulo_anuncio">Blog classi180</h4>
						<!-- 	<form class="opc_busca">
								<select>
									<option>ultimas noticias</option>
									<option>Mais lidas</option>
									<option>Mais comentadas</option>
									<option>Promocoes</option>
									<option>Enquetes</option>
									<option>Dicas</option>
									<option>Novidades no Classi180</option>
								</select>
							</form> -->
						</div>
						<ul class="box_anuncios pag_perfil">
						{%for noticia in noticias%}
							<li class="linha b_perfilblog">
								<span>+</span>
								<a class="nome_anuncio" href="#">{{noticia.titulo}}</a>
							</li>
						{%endfor%}
						</ul>
					</div>
				</div>
				<div id="box_anuncios_vendedor">
					<div class="box_titulo">
						<h4 class="titulo_anuncio">Recomendados para voc&ecirc;</h4>				
						<form class="opc_busca">
							<select>
								<option>Cidades</option>
								<option>Teresina</option>
								<option>Parnaiba</option>
							</select>
							<select>
								<option>Categorias</option>
								<option>Empregos</option>
								<option>Im&oacute;veis</option>
								<option>Neg&oacute;cios</option>
								<option>Ve&iacute;culos</option>
							</select>
							<input type="text">
							<input type="button">
						</form>
					</div>
					<ul class="box_anuncios">
						<li class="linha">
								{%for recomendado in recomendados%}
							{%if forloop.counter|divisibleby:"3"%}
								<li class="box  b_perfil last">
									<a href="/anuncio/{{recomendado.id}}">
										<span>
											<img src="{{MEDIA_URL}}{{recomendado.thumbnail}}"/>
										</span>
										<span class="nome_produto">
											{{recomendado.descricao}}
										</span>
										<span class="preco_produto">
											<em>R$ {{recomendado.preco}}<sup>,00</sup></em>
										</span>
									</a>
								</li>
								</ul>
							</li>
							<li class="linha">
								<ul class="box_linha bl_perfil">
							{%else%}
									<li class="box  b_perfil">
										<a href="/anuncio/{{recomendado.id}}">
											<span>
												<img src="{{MEDIA_URL}}{{recomendado.thumbnail}}"/>
											</span>
											<span class="nome_produto">
												{{recomendado.descricao}}
											</span>
											<span class="preco_produto">
												<em>R$ {{recomendado.preco}}<sup>,00</sup></em>
											</span>
										</a>
									</li>
									{%endif%}
								{%endfor%}
						</li>
					</ul>				
				</div>
			</div>
		</div>	
		<div id="publicidade">
			<div class="publicidade_link">
				<a href="#" title="Publicidade 3" ><img src="{{MEDIA_URL}}imagens/pub4.png">Publicidade 3</a> 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>